<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%@ page import="java.util.*" %>
<%
	String id=null;
	if(session.getAttribute("email")!=null){
		id=(String)session.getAttribute("email");
	}
	
	String active=null;
	if(request.getParameter("active")!=null){
		active=(String)request.getParameter("active");	
	}
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
	<!-- start: CSS -->
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700" />
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif" />
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Boogaloo" />
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Economica:700,400italic" />
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
	<link href="css/layerslider.css" rel="stylesheet" type="text/css" />
	
	<!--[if lt IE 9 ]>
	  <link href="css/styleIE.css" rel="stylesheet">
	<![endif]-->
	
	<!--[if IE 9 ]>
	  <link href="css/styleIE9.css" rel="stylesheet">
	<![endif]-->
	
	<!-- end: CSS -->
	
	<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
	<!--start: Header -->
	<header>
		
		<!--start: Container -->
		<div class="container">
			
			<!--start: Navigation -->
			<div class="navbar navbar-inverse">
	    		<div class="navbar-inner">
	          		<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
	            		<span class="icon-bar"></span>
	            		<span class="icon-bar"></span>
	            		<span class="icon-bar"></span>
	          		</a>
					<a class="brand" href="./">Weekend Playground</a>
	          		<div class="nav-collapse collapse">
	            		<ul class="nav">
							<li <%if(active.equals("home")){%>class="active"<%} %>><a href="./">Home</a></li>
	              			<li <%if(active.equals("about")){%>class="active"<%} %>><a href="About.co">About</a></li>
							<li <%if(active.equals("features")){%>class="active dropdown"<%}else{%>class="dropdown"<%} %>>
	                			<a href="#" class="dropdown-toggle" data-toggle="dropdown">Features<b class="caret"></b></a>
	                			<ul class="dropdown-menu">
	                  				<li><a href="Social-icons.co">Social Icons</a></li>
									<li><a href="Icons.co">Glyphicons Halflings</a></li>
									<li><a href="Icons-pro.co">Glyphicons PRO</a></li>
									<li><a href="Icons_set2.co">Font Awesome Icons</a></li>
									<li><a href="Typography.co">Typography</a></li>
									<li><a href="Shortcodes.co">Shortcodes</a></li>
									<li><a href="List-styles.co">List Styles</a></li>
									<li><a href="Charts.co">Charts</a></li>
									<li><a href="Sliders.co">Sliders</a></li>
	                			</ul>
	              			</li>
							<li <%if(active.equals("portfolio")){%>class="active"<%} %>><a href="portfolio.jsp">Portfolio</a></li>									
							<li <%if(active.equals("pricing")){%>class="active"<%} %>><a href="Pricing.co">Pricing</a></li>
							<li <%if(active.equals("blog")){%>class="active"<%} %>><a href="blog.jsp">Blog</a></li>
	              			<li <%if(active.equals("contact")){%>class="active"<%} %>><a href="Contact.co">Contact</a></li>
							<%if(id==null){ %>
							<li <%if(active.equals("login")){%>class="active"<%} %>><a href="MemberLogin.me">Login</a></li>
							<li <%if(active.equals("join")){%>class="active"<%} %>><a href="MemberJoin.me">Register</a></li>
							<%}else{ %>
							<li><a href="MemberLogoutAction.me">Logout</a></li>
							<li><a href="#"><% out.println(id); %></a></li>
							<%} %>
	            		</ul>
	          		</div>
	        	</div>
	      	</div>	
			<!--end: Navigation -->
			
		</div>
		<!--end: Container-->			

	</header>
	<!--end: Header-->
</body>
</html>